@charset "utf-8";

@import "common";
.resource_content{
    background-color: #fff;
}
.resource_list{
    padding: 0 r(30px);
    .list_content{
        padding-top: r(20px);
        padding-bottom: r(30px);
        margin-bottom: r(20px);
        border-bottom: 1px solid #cecece;
        display: flex;
        .resource_pic{
            height: r(142px);
            width: r(209px);
            margin-right: r(13px);
            overflow: hidden;
            img{
                height: 100%;
                width: 100%;
            }
        }
        .resource_pic_desc{
            display: flex;
            align-content: space-between;
            flex-wrap: wrap;
            width: r(358px);
            height: r(142px);
            .resource_title{
                width: 100%;
                line-height: r(28px);
                font-size: r(26px);
                overflow-X: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                color: #010101;
                
            }
            p{
                width: 100%;
                height: r(50px);
                line-height: r(26px);
                font-size: r(22px);
                color: #c5c5c5;
                overflow: hidden;
                white-space: pre-wrap;
                text-overflow: ellipsis;
            }
            .resource_view{
                width: 100%;
                text-align: right;
                font-size: r(16px);
                color: #939393;
                p{
                    font-size: r(16px);
                }
                i{
                    font-size: r(16px);
                    margin-left: r(19px);
                    &::before{
                        margin-right: r(9px);
                    }
                }
            }
        }
    }
}


//资源介绍跳转页

.resource_introduce{
    position: fixed;
    top: r(90px);
    bottom: r(95px);
    left: 0;
    right: 0;
    width: 100%;
    z-index: 2;
    background-color: #fff;
    overflow-y: scroll;
    overflow-x: hidden;
    transform: translateX(100%);
}
.introduce_desc{
    padding: r(42px) r(27px) 0;
    .introduce_title{
        font-size: r(30px);
        font-weight: 600;
        margin-bottom: r(16px);
    }
    .introduce_time{
        font-size: r(22px);
        color: #c5c5c5;
        span{
        }
        i{
            font-size: r(22px);
            font-weight: 400;
            margin-left: r(17px);
            &::before{
                margin-right: r(7px);
            }
        }
    }
    .introduce_explain{
        margin-top: r(45px);
        line-height: r(28px);
        font-size: r(22px);
        color: #8b8b8b;
    }
    .introduce_pic{
        width: 100%;
        height: r(337px);
        overflow: hidden;
        margin-top: r(27px);
        margin-bottom: r(29px);
        img{
            height: 100%;
            width: 100%;
        }
    }
    .introduce_contact{
        padding-top: r(34px);
        padding-bottom: r(7px);
        font-size: r(30px);
        border-top: 1px solid #e6e6e6;
        color: #8e8d8d;
    }
}

.contact_information{
    width: 100%;
    height: r(150px);
    padding: r(18px) 0;
    margin-bottom: r(53px);
    background-color: #b20000;
    ul{
        width: 100%;
        height: 100%;
        display: flex;
        li{
            width: 33.33%;
            text-align: center;
            height: 100%;
            &:nth-child(2){
                border-left: 1px solid #fff;
                border-right: 1px solid #fff;
            }
            i{
                font-size: r(40px);
                color: #fff;
            }
            p{
                font-size: r(22px);
                color: #fff;
            }
        }
    }
}
